<template>
  <el-drawer v-model="visible" title="操作记录 (201)" size="350px" append-to-body lock-scroll>
    <div>
      <div class="primary-section pv-12 mb10">
        <div class="font-w">通电（林智超）</div>
        <div class="fc-regular mt5">2024-05-21 20:49</div>
      </div>
    </div>
    <pagination
      v-show="total > 0"
      :total="total"
      v-model:page="queryParams.pageNum"
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
  </el-drawer>
</template>
<script setup>
defineExpose({
  show
})

const visible = ref(false)
const total = ref(0)
const list = ref([])
const data = reactive({
  queryParams: {
    pageNum: 1,
    pageSize: 10,
  },
})
const { queryParams } = toRefs(data)

watch(() => visible.value, value => {
  if (value) {
    getList()
  }
})

/* 获取列表数据 */
function getList() {
  
}

function show() {
  visible.value = true
}
</script>
